<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
        <link rel="stylesheet" type="text/css" href="../css/style.css"/>
      <style>
          body{
background-color: #ededed
          }
          .wrap{background-color: #fff}
            .tx{margin-left: 20px; border-bottom: 0.8px solid #ebebeb;height: 50px}
            .txt{float: left; font-size: 16px;line-height: 50px; height: 50px}
            .tximg{float: right; padding-top: 8px}
              .tximg img{ height: 50px; width: 50px; border-radius:8px;}
              .fr{float: right;}
              .jt{padding-right: 20px;padding-top: 16px; padding-left: 15px}
              .jt img{height: 20px}
              .nc{color: #c1c1c1}
              .nc{line-height: 50px;font-size: 16px}
              .mp img{height: 25px; padding-top: 13px}
              .dz{border-bottom: none;}
              .ge{margin-left:  0px;border-top: none; border-bottom: 0.8px solid #e1e1e1;}
      </style>
  </head>
  <body>
    <div class="wrap">

<div class="tx" style="height:65px; ">
<div class="txt" style="line-height:65px">头像</div>
<div class="fr jt" style="padding-top:25px"><img src="../image/grxxjt.png"> </div>
<div class="tximg"><img id="tx" src="../image/tx.png"> </div>
</div>

<div class="tx">
<div class="txt">昵称</div>
<div class="fr jt"><img src="../image/grxxjt.png"> </div>
<div class="nc fr" id="wxm"></div>
</div>

<div class="tx ">
<div class="txt">微信号</div>
<div class="fr jt"> </div>
 <div class="nc fr" id="wxh"></div>
</div>


<div class="tx" tapmode onclick="openwin('ewmmp')">
<div class="txt">二维码名片</div>
<div class="fr jt"><img src="../image/grxxjt.png"> </div>
<div class=" mp fr"><img src="../image/mp.png"></div>
</div>

<div class="tx" style="border-bottom:none">
<div class="txt">更多</div>
<div class="fr jt"><img src="../image/grxxjt.png"> </div>
<div class=" mp fr"> </div>
</div>

<div class="ge"></div>

<div class="tx dz">
<div class="txt">我的地址</div>
<div class="fr jt"><img src="../image/grxxjt.png"> </div>
<div class=" mp fr"> </div>
</div>
</div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript">
  function openwin(name){

    api.openWin({
        name: name,
        url: './'+name+'.html',

    });


  }

  function copy(){
    var clipBoard = api.require('clipBoard');
    clipBoard.set({
        value:  localStorage.getItem('wxh')
    }, function(ret, err) {

    });
  }

    apiready = function () {

  $api.attr($api.byId('tx'),'src', localStorage.getItem('tx')  );
    $api.html($api.byId('wxm'),  localStorage.getItem('wxm')  );
  $api.html($api.byId('wxh'),  localStorage.getItem('wxh')  );

  api.addEventListener({

             name:'longpress'

         },function(ret,err){

           copy()

         });
  }
  </script>
  </html>
